<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>外包大师 - 作品案例</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="软件外包">
    <meta name="description" content="专业的互联网产品外包解决方案提供商。">
    <meta name="csrf-token" content="IN5YLctWtOVR5jcGYUCKQOTsozTWyqqRQFMHibhd">
    <link rel="stylesheet" href="__CSS__/reset.css">
    <link rel="stylesheet" href="__CSS__/font_500958_wq9zknu4or49rudi.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" media="screen and (min-width:1060px)" href="__CSS__/pc.css">
    <link rel="stylesheet" media="screen and (max-width:1060px)" href="__CSS__/mobile.css">
    <link rel="stylesheet" href="__CSS__/component.css">
    <link rel="stylesheet" href="__CSS__/datetimepicker.min.css">
    <link rel="shortcut icon" href="__IMG__/favicon.ico">
    <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
</head>
<body>
<!-- header start -->
<header id="J_header" class="header" style="">
    <section class="clearfix container">
        <h1 class="logo">
            <a href="{:U('index/index')}" title="外包大师">
                <img src="__IMG__/logo.png" alt="外包大师">
            </a>
        </h1>
        <nav>
            <a class="tel" href="tel:18811013356"><i class="iconfont icon-icon_phone"></i>18811013356</a>
            <a href="{:U('index/index')}">首页</a>
            <a href="{:U('index/index')}">产品解决方案</a>
            <a href="{:U('index/index')}">寻找项目</a>
            <a class="tec-link" href="{:U('index/index')}">按技能找人</a>
            <div class="tec-type">
                <a class="tec-link" href="{:U('index/index')}"></a>
                <div class="container"><a class="tec-link" href="{:U('index/index')}"></a></div>
            </div>
        </nav>
    </section>
</header>
<header id="J_header-m" class="header-m">
    <i class="iconfont icon-icon_menu menu"></i>
    <section class="nav-panel">
        <i class="iconfont icon-icon_close_m close"></i>
        <nav>
            <ul>
                <li> <a href="{:U('Worker/lists')}">寻找项目</a> </li>
                <li> <a href="{:U('Tech/lists')}">设计人才库</a> </li>
                <li> <a href="{:U('Worker/publish')}">发布需求</a></li>
                <li> <a class="tec-link" href="{:U('User/center')}">人才入驻</a></li>
            </ul>
        </nav>
    </section>
</header>
<!-- header end -->


<div id="J_main" class="container main">

    <!-- account works start -->
    <section class="form account-works">
        <div class="panel">
            <div class="panel-title">
                <h2>作品案例</h2>
            </div>
            <div class="panel-content">
                <form class="J_works-form" novalidate="novalidate">
                    <input type="hidden" name="_token" value="IN5YLctWtOVR5jcGYUCKQOTsozTWyqqRQFMHibhd">
                    <input type="hidden" name="id" value="467">
                    <fieldset>
                        <label class="form-label" for="">作品名称</label>
                        <input class="form-input" type="text" name="name" placeholder="请填写您的作品名称" maxlength="20" value="火币网">
                    </fieldset>
                    <fieldset>
                        <label class="form-label" for="">作品描述</label>
                        <textarea class="form-textarea" name="description" placeholder="请简单描述您作品的特色和功能" maxlength="140">全球最大的比特币交易平台</textarea>
                    </fieldset>
                    <fieldset>
                        <label class="form-label" for="">作品链接</label>
                        <input class="form-input" type="text" name="link" placeholder="请输入作品链接（非必填）"
                               value="www.huobi.com">
                    </fieldset>
                </form>
            </div>
        </div>
        <a class="btn btn-orange complete" href="javascript:;">发布作品</a>
    </section>
    <!-- account works end -->

    <input id="requireModule" type="hidden" data-module="account-works">
</div>

<!-- footer start -->
<footer id="J_footer">
    <section class="clearfix container footer-wrapper">
        <dl>
            <dt>关于</dt>
            <dd><a href="#">关于外包大师</a></dd>
            <dd><a href="#">关于 PMCAFF 产品社区</a></dd>
            <dd><a href="#">我们的故事</a></dd>
        </dl>
        <dl>
            <dt>帮助</dt>
            <dd>咨询电话: 400-618-6518</dd>
            <dd>反馈邮箱: service@pmcaff.com</dd>
        </dl>
        <dl>
            <dt>友情链接</dt>
            <dd><a href="#" target="_blank">PMCAFF.com</a></dd>
            <dd><a href="#" target="_blank">蓝湖产品设计协作平台</a></dd>
        </dl>
        <div class="qrcode">
            <span>关注微信公众号</span>
            <img src="__IMG__/qrcode.jpg" alt="微信公众号">
        </div>
    </section>
    <section class="container copyright"> </section>
</footer>
<!-- footer end -->

<!-- toast start -->
<section id="J_toast" class="toast"></section>
<!-- toast end -->

<!-- alert start -->
<section id="J_alert" class="popup alert">
    <div class="popup-wrapper">
        <i class="iconfont icon-icon_close close"></i>
        <h2></h2>
        <p class="content"></p>
        <div class="btn-wrapper">
            <a class="btn btn-orange ok" href="javascript:;"></a>
        </div>
    </div>
</section>
<!-- alert end -->

<!-- confirm start -->
<section id="J_confirm" class="popup confirm">
    <div class="popup-wrapper">
        <i class="iconfont icon-icon_close close"></i>
        <h2></h2>
        <p class="content"></p>
        <div class="btn-wrapper">
            <a class="btn btn-orange ok" href="javascript:;"></a>
            <a class="btn btn-empty cancel" href="javascript:;"></a>
        </div>
    </div>
</section>
</body>
<script type="text/javascript">
    //'index-nav-show'
    (function() {
        // 菜单
        var navPanel = $('.nav-panel');
        $('.icon-icon_menu').click(function(){
            navPanel.css('display','block');
        });
        $('.icon-icon_close_m').click(function(){
            navPanel.css('display','none');
        });

        var setHeader = function() {
            var st = $(window).scrollTop();
            if(st > 0) {
                $('.header-pc').removeClass('header-transparent');
            } else {
                $('.header-pc').addClass('header-transparent');
            }
        };
        setHeader();
        $(window).scroll(function() {
            setHeader();
        });

        //表单提交
        $('#publish').click(function () {
            var pro = {};
            pro.name        = $('#name').val();
            pro.desc        = $('#desc').val();
            pro.reference   = $('#reference').val();
            pro.budget      = $('#budget').val();
            pro.duration    = $('#duration').val();

            $.post("{:U('Worker/publish')}", pro, function (data) {
                if( 1 == data.status ){
                    alert('发布成功');
                    window.location.href = "{:U('Worker/lists')}";
                }else {
                    alert('发布失败');
                    return false;
                }
            }, 'json');
        });
    })();
</script>
</html>